<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DSS</title>
    <link rel="stylesheet" href="../CSS/dss.css">
    <!-- 小图标 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>

<body>
    <header>
        <h1>无林楚月的个人博客</h1>
        <nav>
            <ul>
                <li><a href="./home.html">主页</a></li>
                <li><a href="./works.html">作品集</a></li>
                <li><a href="./message.html">留言</a></li>
                <li><a href="./webmap.html">网站地图</a></li>
                <li class="dropdown">
                    <!-- 小三角 -->
                    <a href="javascript:void(0)" class="dropbtn">更多 <i class="fas fa-caret-down"></i></a>
                    <!-- 下拉菜单 -->
                    <div class="dropdown-content">
                        <a href="./aboutme.html">关于我</a>
                        <a href="./contant.html">联系方式</a>
                    </div>
                </li>
            </ul>
        </nav>
    </header>
    <main>
        <div class="container">

            <div class="left-sidebar">
                <div class="tx">
                    <img src="../img/头像.jpg" alt="dss头像" id="touxiang">
                </div>
                <br>
                <br>
                <br>
                <br>
                <p style="text-align: center;">

                    胥鼎盛是一个热爱生活、充满活力、乐观向上的人。他在打
                    <a href="https://baike.baidu.com/item/%E7%BE%BD%E6%AF%9B%E7%90%83/32511?fr=ge_ala"
                        class="hobit">羽毛球</a>
                    、
                    <a href="https://baike.baidu.com/item/%E4%B9%A6%E6%B3%95/177069" class="hobit">写字</a>
                    和
                    <a href="https://baike.baidu.com/item/%E7%94%BB%E7%94%BB/1646919" class="hobit">画画</a>
                    中找到了生活的乐趣和意义，展现出了他内心丰富的情感和独特的个性。<br>
                    同时富有同情心、洞察力和创造力的人，他总是能够用自己的智慧和热情去影响和改变他人的生活，为世界带来更多的美好和希望
                </p>
                <h4>网上抄的，别信</h4>
            </div>

            <div class="main-content">
                <section class="post">
                    <h2>网页制作真简单</h2>
                    <p>什么？ 你觉得难？</p>
                    <a href="./hahaha.html">点我给胥鼎盛一个嘴巴子</a>
                </section>
                <!-- More posts can be added here -->
                <div class="shows">

                    <section class="latest-works">
                        <h2>最新作品</h2>
                        <div class="work">
                            <img src="../img/击鼓.png" alt="Work 1" width="500px">
                            <h3>击鼓</h3>
                            <p>根据键盘敲击击鼓</p>
                            <a href="./works/work1.html" target="_blank">查看详情</a>
                        </div>
                        <br><br><br><br>
                        <div class="work">
                            <img src="../img/时钟.png" alt="Work 2" width="500px">
                            <h3>时钟</h3>
                            <p>更丝滑的时钟</p>
                            <a href="./works/work2.html" target="_blank">查看详情</a>
                        </div>
                        <!-- 更多作品 -->
                    </section>

                    <section class="photo-gallery">
                        <h2>照片墙</h2>
                        <div class="gallery">
                            <img src="../img/1(1).jpg" alt="Photo 1">
                            <img src="../img/1(17).jpg" alt="Photo 2">
                            <img src="../img/1(3).jpg" alt="Photo 2">
                            <img src="../img/1(4).jpg" alt="Photo 2">
                            <img src="../img/1(5).jpg" alt="Photo 2">
                            <img src="../img/1(6).jpg" alt="Photo 2">
                            <img src="../img/1(8).jpg" alt="Photo 2">
                            <img src="../img/1(9).jpg" alt="Photo 2">

                            <!-- 更多照片 -->
                        </div>
                        <a href="./works.html">查看更多照片</a>
                    </section>
                </div>
            </div>

        </div>
    </main>
    <footer>
        <p>&copy; 欢迎访问，合作请联系3053624046@qq.com,谢谢</p>
        <div class="social-icons">
            <a href="https://twitter.com/" class="social-icon"><i class="fab fa-twitter"></i></a>
            <a href="https://www.facebook.com/" class="social-icon"><i class="fab fa-facebook"></i></a>
            <a href="https://www.instagram.com/" class="social-icon"><i class="fab fa-instagram"></i></a>
        </div>
    </footer>

    <script src="../JS/dss.js"></script>
</body>

</html>